import { createApp } from 'vue'
import App from './App.vue'
import 'vant/lib/index.css'

import router from './router'
import ViewPage from '@/components/Layout/ViewPage.vue'

import 'material-design-icons/iconfont/material-icons.css'
import 'material-symbols'

import {
  Button,
  Form,
  Field,
  CellGroup,
  Picker,
  Popup,
  Cell,
  Collapse,
  CollapseItem,
  CheckboxGroup,
  Checkbox,
  RadioGroup,
  Radio,
  Step, 
  Steps,
  Uploader,
  NumberKeyboard,
  DropdownMenu,
  ConfigProvider,
  DropdownItem,
} from 'vant'

const app = createApp(App)

app.use(Button)
app.use(Form)
app.use(Field)
app.use(CellGroup)
app.use(Picker)
app.use(Popup)
app.use(Cell)
app.use(CheckboxGroup)
app.use(Checkbox)
app.use(RadioGroup)
app.use(Radio)
app.use(NumberKeyboard)

app
  .use(DropdownMenu)
  .use(DropdownItem)
  .use(ConfigProvider)
  .use(Collapse)
  .use(Uploader)
  .use(Steps)
  .use(Step)
  .use(app.component('ViewPage', ViewPage))
  .use(CollapseItem);

app.use(router).mount('#app')
